<style>
    body {background: none !important;}
    .login-img {height: 0 !important;}
    .lan-select {display: none!important;}
</style>

<div class="flex-center m-t-120">
    <form name="form" class="form-horizontal wrapper-md clearfix" novalidate style="width: 60%;">
        <div class="form-group">
            <label class="col-xs-2 control-label"><i>*</i><span translate>登录名</span>：</label>
            <div class="col-xs-10 control-label" style="text-align:unset;">{{ loginname }}</div>
        </div>
        <div class="form-group">
            <label class="col-xs-2 control-label"><i>*</i><span translate>原密码</span>：</label>
            <div class="col-xs-5 wrapper-none">
                <input type="password" name="oldPwd" class="form-control" ng-model="detailInfo.oldPwd" required yb-focus>
            </div>
            <div class="col-xs-4 msg-block" ng-show="form.oldPwd.$dirty || (form.oldPwd.$invalid && submitted)">
                <div class="error-msg" ng-if="form.oldPwd.$error.required && !form.oldPwd.focused">
                    <i class="yb-icon ico-times-circular"></i><span translate>必填项，请填写</span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2 control-label"><i>*</i><span translate>新密码</span>：</label>
            <div class="col-xs-5 wrapper-none">
                <input type="password" name="newPwd" class="form-control" ng-model="detailInfo.newPwd" maxlength="20"
                       yb-password on-level-change="handleLevelChange" required yb-focus
                       ng-focus="showPopover=true;" ng-blur="showPopover=false;">

                <div class="popover bottom" style="width:100%;padding:20px 10px;margin-top:40px;left:unset;right:0;"
                    ng-style="{display: showPopover ? 'block': 'none'}">
                    <div class="progress">
                        <div class="progress-bar" ng-class="[progressBar.class]" translate
                            aria-valuemin="0" aria-valuemax="100"
                            ng-style="{width:progressBar.value+'%'}">
                            {{ progressBar.title }}
                        </div>
                    </div>
                    <div translate>密码为6-20个字符，包含数字、字母、特殊字符，区分大小写。</div>
                    <div translate>不支持空格。</div>
                    <div translate>请不要使用容易被猜到的密码。</div>
                    <div class="arrow"></div>
                </div>
            </div>
            <div class="col-xs-4 msg-block" ng-show="form.newPwd.$dirty || (form.newPwd.$invalid && submitted)">
                <div class="error-msg" ng-if="form.newPwd.$error.required && !form.newPwd.focused">
                    <i class="yb-icon ico-times-circular"></i><span translate>必填项，请填写</span>
                </div>
                <div class="error-msg" ng-show="form.newPwd.$error.password && !form.newPwd.focused">
                    <i class="yb-icon ico-times-circular"></i><span translate>密码过于简单，请重新输入</span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-2 control-label"><i>*</i><span translate>确认新密码</span>：</label>
            <div class="col-xs-5 wrapper-none">
                <input type="password" name="confirmPwd" class="form-control" ng-model="detailInfo.confirmPwd" required yb-focus>
            </div>
            <div class="col-xs-4 msg-block" ng-show="form.confirmPwd.$dirty || (form.confirmPwd.$invalid && submitted)">
                <div class="error-msg" ng-if="form.confirmPwd.$error.required && !form.confirmPwd.focused">
                    <i class="yb-icon ico-times-circular"></i><span translate>必填项，请填写</span>
                </div>
                <div class="error-msg" ng-if="(!!detailInfo.confirmPwd) && (detailInfo.newPwd != detailInfo.confirmPwd) && !form.confirmPwd.focused">
                    <i class="yb-icon ico-times-circular"></i><span translate>新密码输入不一致，请重新输入</span>
                </div>
            </div>
        </div>
        <div class="form-group">
            <div class="col-xs-offset-2">
                <button type="button" class="btn btn-primary m-r-sm" ng-click="saveData(form.$valid)" translate>保存</button>
            </div>
        </div>
    </form>
</div>